﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #5c87b2;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0 0px 0 0;
}

p#logo, h1#logo
{
    font-weight: bold;
    font-size: 24px !important;
    padding: 10px 0;
    margin: 0;
    color: #FFF;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
}

#logo a
{
    color: #FFF;
    text-decoration: none;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #FFF;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 5px 0 0 0;
    text-align: center;
    line-height: normal;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #FFF;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #FFF;
    color: #000;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

















/* New css */
/* global tags
---------------------------------------------------------------------------- */

body
{
  text-align: left;
  background: #dddfe1;
  font-size: small;
  color: #333;
}

body.object,
body.old
{
  background: #354E61 url('/images/bg-main.png') top left repeat-x;
}

a:link,
a:visited
{
  color: #058ec4;
  text-decoration: none;
}

a:hover,
a:active
{
  color: #028fd4;
}

a:hover
{
  text-decoration: underline;
}

a img
{
  border: none;
}

strong
{
  font-weight: bold;
}

hr
{
  border: 0;
  width: 100%;
  height: 0;
  border-top: dotted 1px #b9b9b9;
  background: none;
}

input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea
{
  padding: 3px;
  border: solid 1px #c6c6c6;
  border-bottom: solid 1px #e3e3e3;
  color: #333;
  background: #f3f3f3 url('/images/bg-forms.png') left top repeat-x;
}

input[type='submit'],
input[type='reset'],
input[type='button']
{
  padding: 3px 15px;
}

input[type='checkbox'],
input[type='radio']
{
  width: auto !important;
}

table,
tr,
th,
td
{
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}

/* global classes
---------------------------------------------------------------------------- */

.clear
{
  clear: both;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.box
{
  position: relative;
}

.pointer
{
  position: absolute;
}

img.help
{
  position: absolute;
  right: 0;
  bottom: 4px;
}

img.avatar
{
  background: #f0f0f0;
  padding: 5px;
  border: solid 1px #e6e6e6;
}

.strong
{
  font-weight: bold;
}

.hidden
{
  display: none;
}

.hintText
{
  display: none;
}

.fieldWithHint
{
  color: #aaa !important;
}

/* buttons
---------------------------------------------------------------------------- */

a.button
{
  display: block; /* opera */
  display: inline-block; /* ie */
  display: -moz-inline-box;  /* ff */
  padding-right: 15px;
  line-height: 35px;
  vertical-align: middle;
  font-size: 11px;
  color: #666;
  text-decoration: none;
  background: url('/images/bg-button.png') right top no-repeat;
  cursor: pointer;
}

a.small.button
{
  line-height: 24px;
  background-image: url('/images/bg-button-small.png');
}

a.button > span
{
  position: relative;
  display: block;
  display: inline-block;
  margin-left: -5px;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  background: url('/images/bg-button.png') no-repeat left top;
  cursor: pointer;
}

a.button > span > span.icon
{
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 5px 0 -5px;
  background-position: left top;
  background-repeat: none;
}

#main.place a.checkin.button span.icon
{
  background-image: url('/images/icon_checkin_small.png');
}

#main.place a.placemark.button span.icon
{
  background-image: url('/images/icon_placemark_small.png');
}

#main.user a.message.button span.icon
{
  margin-top: 5px;
  background-image: url('/images/icon-email.png');
}

#main.user a.nudge.button span.icon
{
  background-image: url('/images/icon_nudge.png');
}

#main.user a.friend.button span.icon
{
  background-image: url('/images/icon-nav-friends.png');
}

#main.signup #skip a.button span.icon
{
  background-image: url('/images/icon_skip.png');
}

a.small.button > span
{
  height: 24px;
  line-height: 24px;
  background-image: url('/images/bg-button-small.png');
}

a.button img
{
  vertical-align: middle;
}

/* rounded corners
---------------------------------------------------------------------------- */

.corner
{
  position: absolute;
  width: 60%;
  height: 5px;
  margin: -5px 0;
}

.tl
{
  top: 0;
  left: 0;
  background-position: left top;
}

.tr
{
  top: 0;
  right: 0;
  background-position: right top;
}

.bl
{
  bottom: 0;
  left: 0;
  background-position: left bottom;
}

.br
{
  bottom: 0;
  right: 0;
  background-position: right bottom;
}

/* wrappers
---------------------------------------------------------------------------- */

.wrapper
{
  margin: 0 auto;
  width: 965px;
}

/* rows
---------------------------------------------------------------------------- */

#header,
#content,
#footer
{
  clear: both;
}

#content
{
  margin: 15px 0 0 0;
  padding: 5px 0;
}

#header
{
  margin: 0;
  padding: 15px 0 10px 0;
  background: #2e4557 url('/images/bg-header.png') repeat-x;
}

#header.short
{
  padding: 8px 0;
}

#footer
{
  margin: 15px 0 0 200px;
}

#footer.full
{
  margin-left: 0;
}

/* HEADER ROW
============================================================================ */

#logo
{
  float: left;
  width: 190px;
}

#logo a
{
  display: block;
  width: 183px;
  height: 53px;
  background: url('/images/masthead_logo.png') left top no-repeat;
}

#logo.small a
{
  width: 100px;
  height: 30px;
  background: url('/images/masthead_logo_small.png') left top no-repeat;
}

#logo span
{
  display: none;
}

/* location search bar
---------------------------------------------------------------------------- */

#location
{
  position: relative;
  float: left;
  width: 615px;
  margin: 10px 0 0 15px;
  padding: 5px 15px;
  color: #666;
  background: #dddfe1 url('/images/bg-header-location.png') repeat-x;
}

#location .content > select
{
  float: left;
  margin: 0 5px 0 0;
  padding-bottom: 2px;
  font-size: 1.3em;
  background: #fff;
}

#location fieldset
{
  margin-bottom: 0;
}

#location fieldset > label.help
{
  display: block;
  margin-top: -3px;
  padding-left: 2px;
  font-size: 0.85em;
  color: #666;
}

#location fieldset > label.help > a
{
  font-style: italic;
  color: #666;
  text-decoration: underline;
}

#location fieldset > input[type='text']
{
  position: relative;
  top: -8px;
  width: 420px;
  padding-top: 4px;
  font-size: 1.3em;
  background: url('/images/bg-forms-light.png');
}

#location #businesses_form fieldset > input[type='text']
{
  width: 206px;
}

#location #businesses_form fieldset > label.help
{
  width: 216px;
  float: left;
}

#location > .corner
{
  height: 10px;
  margin: -10px -10px;
  background-image: url('/images/corners-header-location.png');
}

/* help/utility links
---------------------------------------------------------------------------- */

#help
{
  float: right;
  height: 60px;
  text-align: right;
  overflow: hidden;
}

#help p,
#help a
{
  color: #88959e;
}

#help a
{
  text-decoration: underline;
}

#help #feedback_link
{
  display: block;
  width: 79px;
  height: 32px;
  margin: 10px 0 0 0;
  background: url('/images/bg-feedback.png') left top no-repeat;
}

#help #feedback_link span
{
  display: none;
}

/* CONTENT ROW
============================================================================ */

#main.full
{
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
}

/* signup pages */

#main.signup
{
  float: left;
  width: 790px;
}

#main.signup .content
{
  padding: 20px 30px 10px 30px;
}

#main.signup .header
{
  padding: 10px 15px 15px 15px;
  background: url('/images/bg-tabs.png') left bottom repeat-x;
}

#main.signup .row,
#main.account .row
{
  margin: 0 0 15px 0;
}

#main.signup hr,
#main.account hr
{
  margin: 20px 0 28px 0;
}

#main.signup label.name,
#main.account label.name
{
  float: left;
  display: block;
  width: 140px;
}

#main.signup fieldset,
#main.account fieldset
{
  padding-top: 5px;
}

#main.discover > .content > h2
{
  margin-top: 0;
  font-weight: normal;
}

#main.discover hr
{
  margin-bottom: 20px;
}

#main.list.discover > .content > h2
{
  margin-top: 15px;
}

#main.list.discover > .content > hr
{
  margin-bottom: 0;
}

#main.discover td.details
{
  padding-top: 0;
  padding-bottom: 0;
}

#main.list.discover td.details > h3,
#main.list.discover td.details > p
{
  margin: 0 0 5px 0;
}

#main.list.discover td.avatar
{
  width: 50px;
  padding: 8px;
  vertical-align: top;
}

#main.signup .field,
#main.account .field
{
  margin: 0 0 0 160px;
}

#main.signup .field label,
#main.account .field label
{
  margin: 0;
  padding: 0;
}

#main.signup .field input,
#main.account .field input
{
  margin-top: -6px;
  width: 300px;
  padding: 4px 5px 3px 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
}

#main.signup .field label.help,
#main.signup .field .help p,
#main.account .field label.help
{
  display: block;
  width: 310px;
  margin: 5px 0 0 1px;
  font-size: 0.85em;
  font-style: italic !important;
  color: #999;
}

#main.signup label.notice,
#main.account label.notice
{
  margin: 0;
  padding: 0;
}

#main.signup label.notice div,
#main.signup div.formError,
#main.account label.notice div,
#main.account div.formError
{
  display: block;
  width: 292px;
  margin: 5px 0 5px 0;
  padding: 4px 10px 4px 10px;
  font-style: normal;
  color: #333;
  background: #ffe4e5;
}

#main.signup label.notice.success div,
#main.account label.notice.success div
{
  background: #e4ffe5;
}

#main.signup label.notice.failure div
#main.account label.notice.failure div
{ 
  background: #ffe4e5;
}

#main.signup .finish
{
  margin: 0 0 0 160px;
}

#main.signup .finish p
{
  margin: 0 0 5px 0;
}

#main.signup input[type='checkbox']
{
  margin: 0 10px 0 0;
}

#main.signup .finish label
{
  font-size: 0.85em;
  font-style: italic;
  color: #999;
}

#main.signup .finish a
{
  font-style: italic;
  font-weight: bold;
}

#main.signup input[type='submit']
{
  margin: 20px 0 0 0;
}

#main.signup.profile #real-name input,
#main.account #real-name input
{
  width: 141px;
}

#main.signup.profile input#user_firstname,
#main.account input#user_firstname
{
  margin-right: 6px;
}

#main.signup.profile textarea,
#main.account textarea
{
  width: 304px;
}

#main.signup.profile #social-links label.help,
#main.account #social-links label.help
{
  margin-bottom: 10px;
}

#main.signup.profile #social-links label.social,
#main.account #social-links label.social
{
  display: block;
  float: left;
  width: 7.5em;
  margin: 12px 2px 0 0;
}

#main.signup.profile #social-links label.social a,
#main.account #social-links label.social a
{
  padding-left: 22px;
  text-decoration: none;
}

#main.signup.profile #facebook-label a,
#main.account #facebook-label a
{
  background: url('/images/icon-facebook.png') left top no-repeat;
}

#main.signup.profile #myspace-label a,
#main.account #myspace-label a
{
  background: url('/images/icon-myspace.png') left top no-repeat;
}

#main.signup.profile #lastfm-label a,
#main.account #lastfm-label a
{
  background: url('/images/icon-lastfm.png') left top no-repeat;
}

#main.signup.profile #linkedin-label a,
#main.account #linkedin-label a
{
  background: url('/images/icon-linkedin.png') left top no-repeat;
}

#main.signup.profile #social-links input,
#main.account #social-links input
{
  width: 200px;
  margin: 5px 0 0 0;
}

#main.account input[type='submit']
{
  margin: 0 0 0 159px;
}

#main.account.profile #avatar-help img
{
  float: left;
  margin-right: 10px;
}

#main.signup.profile label.counter,
#main.account.profile label.counter
{
  position: absolute;
  display: block;
  width: 310px;
  margin-top: -1.3em;
  font-size: 0.85em;
  line-height: 1.2em;
  text-align: right;
  color: #666;
}

#main.signup.profile label.counter.error,
#main.account.profile label.counter.error
{
  color: #c30;
}

#main.signup.profile label.counter img,
#main.account.profile label.counter img
{
  position: relative;
  top: -0.2em;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: top;
}

#main.signup.profile hr.first
{
  margin-top: 0;
}

#main.signup.profile hr.nomargin
{
  margin: 0 auto;
}

#main.signup.mobile hr,
#main.signup.privacy hr,
#main.signup.extra fieldset,
#main.signup.extra input[type='submit'],
#main.signup.mobile .row,
#main.signup.privacy .row,
#main.signup.profile #social-links,
#main.signup.locate hr
{
  margin: 0;
}

#main.signup.mobile #skip
{
  position: relative;
  top: 3px;
  float: right;
}

#main.signup.mobile h2,
#main.signup.profile h2,
#main.signup.privacy h2,
#main.signup.locate h2
{
  margin: 0 0 15px 0;
  font-size: 1.4em;
}

#main.signup hr.short
{
  width: 91.1%;
  margin: 0 auto;
}

#main.signup.extra fieldset.buttons
{
  padding: 0;
}

#main.signup.extra .steps,
#main.signup.extra .content,
#main.signup.extra .nav
{
  padding: 25px 35px;
}

#main.signup.extra .steps
{
  text-align: center;
}

#main.signup.extra .steps
{
  background: url('/images/bg-steps-connecter.png') 12px 60px no-repeat;
}

#main.signup.extra .steps ul
{
  width: 650px;
  margin: 0 auto;
}

#main.signup.extra .steps li
{
  float: left;
  margin: 0 36px;
  list-style: none;
}

#main.signup.extra .steps li a
{
  display: block;
  width: 90px;
  padding: 80px 0 0 0;
  color: #999;
  text-decoration: none;
}

#main.signup.extra #mobile-step a
{
  background: url('/images/bg-mobile.png') center top no-repeat;
}

#main.signup.extra #mobile-step.selected a
{
  background-image: url('/images/bg-mobile-selected.png');
}

#main.signup.extra #confirm-step a
{
  background: url('/images/bg-confirm.png') center top no-repeat;
}

#main.signup.extra #confirm-step.selected a
{
  background-image: url('/images/bg-confirm-selected.png');
}

#main.signup.extra #profile-step a
{
  background: url('/images/bg-profile.png') center 7px no-repeat;
}

#main.signup.extra #profile-step.selected a
{
  background-image: url('/images/bg-profile-selected.png');
}

#main.signup.extra #privacy-step a
{
  background: url('/images/bg-privacy.png') center 7px no-repeat;
}

#main.signup.extra #privacy-step.selected a
{
  background-image: url('/images/bg-privacy-selected.png');
}

#main.signup.extra #locate-step a
{
  background: url('/images/bg-locate.png') center 13px no-repeat;
}

#main.signup.extra #locate-step.selected a
{
  background-image: url('/images/bg-locate-selected.png');
}

#main.signup.extra .content p
{
  margin: 0 0 20px 0;
}

/*#main.signup.mobile .content #confirm-mobile p,
#main.signup.privacy .content p,
#main.signup.locate .content p
{
  font-size: 1.4em;
}*/

#main.signup.mobile .content p
{
  margin-bottom: 30px;
}

#main.signup.mobile #confirm-mobile strong
{
  padding: 0 5px;
  background: #e5f2b4;
}

#main.signup.extra .nav
{
  text-align: center;
}

#main.signup.extra .nav p
{
  display: inline;
  margin: 0 0 0 20px;
}

#main.signup.extra .nav p a
{
  color: #999;
}

#main.signup.mobile input[type='checkbox'],
#main.account.mobile #no-phone input[type='checkbox']
{
  width: auto;
  margin-left: -25px;
}

#main.account.mobile #no-phone input[type='checkbox']
{
  margin-right: 8px;
}

#main.account.mobile #no-phone input[type='submit']
{
  margin-bottom: 20px;
}

#main.account.mobile h2
{
  margin-top: 50px;
}

#main.signup.mobile #confirm-mobile label.help
{
  padding-left: 0;
  font-size: 1em;
  font-style: normal !important;
}

#main.signup.privacy .box
{
  position: relative;
  margin-top: -10px;
  width: 82px;
  padding: 5px 20px;
  background: #f2f2f2;
}

#main.signup.privacy .box > .corner
{
  margin: -5px 0;
  background-image: url('/images/corners-grey.png');
}

#main.signup.privacy .box img
{
  margin: 3px 0 0 0;
}

#main.signup.privacy .row
{
  padding: 10px 0 0 0;
}

#main.signup.privacy .field
{
  position: relative;
  top: -7px;
}

#main.signup.privacy .field div img
{
  position: relative;
  top: 4px;
  margin: 0 0 0 10px;
}

#main.signup.privacy label.help
{
  width: auto;
  margin-left: 30px;
  font-size: 1em;
  font-style: normal !important;
  color: #666;
}

#main.signup.privacy #private
{
  margin: 10px 0 15px 0;
}

#main.signup.privacy input[type='radio']
{
  width: auto;
}

#main.signup.privacy .legend p
{
  margin: 0;
  font-size: 1em;
  color: #666;
}

#main.signup.privacy .legend h2
{
  margin: 20px 0 0 0;
  font-size: 1em;
}

#main.signup.locate input[type='text']
{
  width: 598px;
  padding: 5px 10px;
  font-size: 1.7em;
}

#main.signup.locate label.help
{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1em;
  color: #666;
}

#main.account.mobile #commands-list span
{
  padding: 5px 15px;
  background: #FFFDBB;
}

#main.account.mobile #confirmed form div input[type='submit']
{
  margin: 0;
}

#main.account.mobile #confirmed .field p
{
  font-size: 1.4em;
}

#main.invites input[type='text']
{
  width: 400px;
}

#main.invites textarea
{
  width: 404px;
}

#main.invites .content
{
  padding-top: 1px;
}

#main.invites h1
{
  font-size: 1.8em !important;
}

#main.invites h2
{
  font-weight: normal;
}

#main.place #checkin_button div
{
  position: relative;
  display: block;
  height: 24px;
  line-height: 24px;
  padding-left: 26px;
  vertical-align: middle;
  font-size: 11px;
  color: #666;
}

#radius_selection
{
  position: relative;
  float: left;
  top: 5px;
  color: #999;
}

#radius_selection select
{
  width: 200px;
}

/* filters bar */

#filters
{
  margin: 5px 0 10px 0;
}

#filters a
{
  float: right;
  margin: 5px 5px 0 0;
  font-size: 0.9em;
  text-decoration: underline;
  color: #999;
}

#filters a#rss_link
{
  position: relative;
  float: right;
  display: block;
  top: -3px;
  width: 20px;
  height: 20px;
  background: url('/images/icon-rss.png') no-repeat;
}

#filters a#rss_link span
{
  display: none;
}

#filters #filters-bar
{
  margin-top: 13px;
}

/* single object pages */

#object
{
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#object #item.note,
#object #item.checkin
{
  width: 800px;
}

#object #masthead
{
  margin-bottom: 15px;
}

#object #item
{
  position: relative;
}

#map-content-wrapper
{
  display: none;
}

#map-content.note
{
  width: 500px;
  background: #fff;
}

#map-content.checkin
{
  width: 400px;
  background: #fff url('/images/icon-checkin.png') 5px 6px no-repeat;
}

#map-content.checkin p
{
  margin-left: 60px !important;
}

#map-content .post-controls
{
  margin: 0;
}

#object .gmnoprint > img
{
  display: none !important;
}

#object p.body
{
  margin: 0;
  font-size: 1.8em;
  font-weight: bold;
}

#object #item.checkin p.place
{
  margin-top: 10px;
  color: #999;
}

#object #item.checkin p.more a
{
  color: #999;
}

#object #item.note p.author
{
  margin-top: 10px;
  font-size: 0.85em;
  color: #999;
}

#object p.author
{
  margin-top: 10px;
}

#object #item > .corner
{
  background-image: url('/images/corners-white.png');
}

#object #item.note,
#object #item.checkin
{
  padding: 10px 15px;
  background: #fff;
}

#object #item.note #map,
#object #item.checkin #map
{
  width: 100%;
  height: 600px;
  border: solid 1px #979797;
}

#object #item.photo
{
  float: left;
  width: 500px;
  padding: 5px 10px;
  background: #fff;
}

#object #item.photo .post-controls
{
  margin: 0;
}

#object #item.photo .photo img
{
  margin: 0 0 15px 0;
  padding: 10px;
  background: #eee;
}

#object #item.photo .body img
{
  float: left;
}

#object #item.photo .body p
{
  margin-left: 60px;
}

#object #item.photo .body p.caption
{
  margin-bottom: 13px;
  font-size: 1.3em;
  font-weight: bold;
}

#object #item.photo .body p.details
{
  font-size: 0.85em;
  color: #999;
}

#object #item.photo .pointer
{
  position: absolute;
  top: 25px;
  right: -14px;
  width: 15px;
  height: 40px;
  background: url('/images/pointer-right.png') left top no-repeat;
}

#object #map-container.photo
{
  position: relative;
  float: right;
  width: 240px;
  height: 240px;
  padding: 5px 10px;
  background: #fff;
}

#object #map-container.photo > .corner
{
  background-image: url('/images/corners-white.png');
}

#object #map-container.photo #map
{
  width: 238px;
  height: 238px;
  border: solid 1px #ccc;
  overflow: hidden;
}

/* settings pages messages
---------------------------------------------------------------------------- */

#message-area .message
{
  margin: 15px 30px 0 30px;
  padding: 5px 10px;
}

#message-area .message p
{
  float: left;
  margin: 0;
  padding: 0 !important;
  background: none !important;
}

#message-area .dismiss-link
{
  float: right;
  margin-top: 1px;
  font-size: 0.85em;
  text-decoration: underline;
}

#message-area.notice .message,
#message-area.notice .dismiss-link
{
  color: #669900;
  background: #edf6cb;
}

#message-area.error .message,
#message-area.error .dismiss-link
{
  color: #992200;
  background: #ffe4e5;
}

/* home page
---------------------------------------------------------------------------- */

#main.home
{
  position: relative;
  width: 960px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  background: #fff;
  padding: 0 0 5px 0;
}

#main.home > .corner
{
  margin: -5px -1px;
  background-image: url('/images/corners-white.png');
}

#main.home .content
{
  padding: 0;
}

#main.home .header
{
  min-height: 365px;
  margin: 0 0 10px;
  background: #fff url('/images/bg-home.jpg') left bottom repeat-x;
}  

#main.home .header .background
{
  position: absolute;
  top: -5px;
  left: 15px;
  width: 358px;
  height: 120px;
  background: url('/images/overlay-home.png');
  z-index: 5;
}

#main.home .header .content
{
  width: 270px;
  margin: 0 0 60px 0;
  padding: 0 40px 0 0;
  float: right;
  z-index: 10;
}

#main.home .header h1,
#main.home .header p
{
  margin: 0 0 15px 0;
  font-size: 1em;
  color: #666;
}

#main.home .header h1
{
  margin-top: 50px;
}

#main.home .header h2
{
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #333;
}

#main.home .invite h3,
#main.home .login h3
{
  margin: 0 0 10px 0;
  font-size: 1.4em;
  color: #000;
}

#main.home .invite
{
  float: left;
  width: 560px;
  padding: 15px 20px 15px 25px;
}

#main.home .invite p
{
  color: #999;
}

#main.home .login
{
  float: right;
  width: 280px;
  padding: 15px 27px 6px 30px;
  border-left: solid 1px #d7dcdf;
}

#main.home .login label,
#main.home .invite label
{
  display: block;
  font-size: 0.85em;
  margin: 0 0 3px 0;
  padding: 0;
}

#main.home .login label.remember
{
  display: inline;
  margin: 0;
}

#main.home #login-error,
#main.home #invite-error,
#main.home #invite-notice
{
  width: 280px;
  margin: 0 0 10px 0;
}

#main.home #login-error p
{
  margin: 0;
  padding: 5px 10px;
  color: #333;
  background: #ffe4e5;
}

#main.home #invite-notice p
{
  margin: 0;
  padding: 5px 10px;
  color: #333;
  background: #e4ffe5;
}

#main.home .formError
{
  width: 260px;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  color: #333;
  background: #ffe4e5;
}

#main.home .fieldWithErrors
{
  position: relative;
  top: -9px;
  margin-bottom: 4px;
}

#main.home .login input[type='text'],
#main.home .invite input[type='text'],
#main.home .login input[type='password']
{
  width: 272px;
}

#main.home .info
{
  position: relative;
  margin: 15px 10px 15px 10px;
  padding: 15px 5px;
  background: #f2f2f2;
}

#main.home .info > .corner
{
  margin: -5px 0;
  background-image: url('/images/corners-grey.png');
}

#main.home .info .box
{
  position: relative;
  float: left;
  width: 269px;
  min-height: 75px;
  margin: 0 10px;
  padding: 5px 10px;
  background: #fff;
}

#main.home .info .box > .corner
{
  background-image: url('/images/corners-white.png');
}

#main.home .info h4
{
  padding: 10px 0 0 0;
  font-size: 1.3em;
  color: #444;
}

#main.home .info p
{
  margin: 0;
  color: #999;
}

#main.home .info .box .content
{
  min-height: 73px;
}

#main.home #info1 .content
{
  padding-left: 80px;
  background: url('/images/bg-iphone.png') 3px 2px no-repeat;
}

#main.home #info2 .content
{
  padding-left: 70px;
  background: url('/images/bg-gps.png') 10px 5px no-repeat;
}

#main.home #info3 .content
{
  padding-left: 120px;
  background: url('/images/bg-about.png') 15px 4px no-repeat;
}

#main.tos
{
  float: left;
  width: 710px;
  border: none;
}

#main.tos > .corner
{
  margin: -5px 0;
}

#main.tos .content,
#main.contact .content
{
  padding: 10px 20px;
}

#main.tos ol li
{
  font-size: 12px;
  line-height: 140%;
  color: #666;
  padding: .5em 0 .5em .4em;
  margin: 0;
}

#main.tos p
{
  color: #333;
  font-size: 12px;
  line-height: 140%;
}

#main.tos .contact p
{
  color: #666;
}

#main.tos h2
{
  font-size: 14px;
  color: #333;
  margin: 1.5em 0 0;
  padding: 1.5em 0 .25em 0;
  border-top: 1px solid #ddd;
}

#main.tos h1,
#main.contact h1
{
  margin: 5px 0 0 0;
}

#sidebar.tos
{
  position: relative;
  float: right;
  width: 240px;
  background: #fff;
}

#sidebar.tos > .corner
{
  background-image: url('/images/corners-white.png');
}

#sidebar.tos .content
{
  padding: 5px 15px;
}

#sidebar.tos ol li
{
  font-size: 12px;
  line-height: 140%;
  color: #333;
  padding: .25em 0 .25em 0;
  margin: 0;
}

/* main navigation
---------------------------------------------------------------------------- */

#nav
{
  position: relative;
  top: -7px;
  float: left;
  width: 190px;
  font-size: 0.95em;
}

#nav #privacy_description
{
  margin: 0 15px 15px 15px;
  padding: 5px 10px;
  font-size: 0.9em;
}

#nav #privacy_description.public
{
  color: #669900;
  background: #edf6cb;
}

#nav #privacy_description.private
{
  color: #992200;
  background: #ffe4e5;
}

#nav .box
{
  clear: both;
  margin: 0 0 25px 0;
  background: #fff;
  border: solid 1px #cdcdcd;
  border-top: none;
  border-bottom: none;
}

#nav #main-nav.box
{
  padding: 0 0 5px 0;
}

#nav #extra-nav.box
{
  padding: 5px 0 10px 0;
}

#nav #invites.box
{
  padding: 5px 10px 10px 10px;
  background: #cfe8f6 url('/images/bg-nav-invites.png') repeat-x;
}

#nav #discover.box
{
  padding: 5px 10px 10px 10px;
  background: #fff7d1;
  border: solid 1px #ffe930;
  border-top: none;
  border-bottom: none;
}

#nav .box > .corner
{
  margin: -5px -1px;
  background-image: url('/images/corners-white-darkborder.png');
}

#nav #invites.box > .corner
{
  background-image: url('/images/corners-nav-invites.png')
}

#nav #discover.box > .corner
{
  background-image: url('/images/corners-nav-friends.png');
}

#nav #invites.box > p,
#nav #discover.box > p
{
  padding: 0 0 2px 30px;
  font-size: 0.9em;
  font-weight: bold;
  background: url('/images/icon-invite.png') no-repeat;
}

#nav #discover.box > p
{
  background: url('/images/icon-nav-friends.png') 3px top no-repeat;
}

#nav #invites.box a.button,
#nav #discover.box a.button
{
  width: 138px;
  margin: 0 0 0 10px;
}

#nav #invites.box a.button > span,
#nav #discover.box a.button > span
{
  width: 152px;
  padding-left: 3px;
  padding-right: 0;
  text-align: center;
}

#nav .content
{
  margin: 0;
  padding: 0;
}

#nav p,
#nav h3
{
  position: relative;
  margin: 5px 10px;
}

#nav #checkin-time
{
  padding-right: 15px;
  color: #3e3e3e;
}

#nav #checkin-time img.help
{
  top: 2px;
  bottom: auto;
}

#nav #privacy img.help
{
  bottom: 7px;
}

#nav hr
{
  clear: both;
  margin: 15px 0;
  border-top: solid 1px #dfdfdf;
}

#nav img.avatar
{
  float: left;
  margin: 6px 10px 10px 10px;
  border: none;
  padding: 0;
}

#nav h1,
#nav h2
{
  margin: 0;
}

#nav h1
{
  margin: 6px 0 3px 0;
  padding: 5px 0 0 0;
  font-size: 1.2em;
}

#nav h2
{
  font-size: 93%;
  font-weight: normal;
}

#nav h2 a
{
  color: #b0b0b0;
  text-decoration: underline;
}

#nav h3
{
  padding: 0 0 0 25px;
  font-size: 1.05em;
  background: url('/images/place-marker-small.png') left top no-repeat;
}

#nav #privacy
{
  position: relative;
  height: 21px;
  margin: 0 10px;
  color: #b0b0b0;
}

#nav #privacy p
{
  float: left;
  margin: 3px 0 0 0;
  padding-right: 30px;
  /*background: url('/images/spinner.gif') right top no-repeat;*/
}

#nav #privacy .slider
{
  float: right;
  margin: 0 20px 0 0;
}

#nav ul
{
  clear: both;
  margin: 15px 0;
  border-top: solid 1px #dfdfdf;
}

#nav ul li
{
  border-bottom: solid 1px #dfdfdf;
  list-style-type: none;
  background: #f6f6f6;
}

#nav ul li a
{
  display: block;
  padding: 8px 10px 8px 35px;
  text-decoration: none;
}

#nav ul li a:hover
{
  text-decoration: underline;
}

#nav ul li.home a
{
  background: url('/images/icon-nav-home.png') 10px center no-repeat;
}

#nav ul li.places a
{
  background: url('/images/icon-nav-places.png') 10px center no-repeat;
}

#nav ul li.placemarks a
{
  background: url('/images/icon-nav-placemarks.png') 10px center no-repeat;
}

#nav ul li.friends a
{
  background: url('/images/icon-nav-friends.png') 10px center no-repeat;
}

#nav ul li.inbox a
{
  background: url('/images/icon-nav-inbox.png') 10px center no-repeat;
}

#nav ul li.notifications a
{
  background: url('/images/icon-nav-notifications.png') 10px center no-repeat;
}

#nav ul li.account a
{
  background: url('/images/icon-nav-account.png') 10px center no-repeat;
}

#nav .messages
{
  margin: 15px 0 0 0;
}

#nav .messages a
{
  color: #f30;
}

#nav.logged-out
{
  margin: 1px 0 0 0;
  padding: 5px 0;
  color: #666;
}

#nav.logged-out #main-nav
{
  padding-top: 5px;
}

#nav.logged-out input[type='text'],
#nav.logged-out input[type='password']
{
  margin: 5px 0 10px 0;
}

#nav.logged-out input[type='checkbox']
{
  margin: 0 5px 10px 0;
}

#nav.logged-out input[type='submit']
{
  margin: 0 0 10px 0;
}

#nav.logged-out #forgot-password
{
  font-size: 0.9em;
}

#main
{
  position: relative;
  float: right;
  width: 760px;
  padding: 0;
  background: #fff;
}

#main > .corner
{
  background-image: url('/images/corners-white.png');
}

#main > .header > .corner
{
  background-image: url('/images/corners-grey.png');
}

#main > .header
{
  background: #fff;
}

#main .dashboard.header
{
  padding-top: 10px;
}

/* dashboard, place page, user page
---------------------------------------------------------------------------- */

#main.dashboard,
#main.place
{
  width: 760px;
  padding: 0;
}

#main > .header
{
  padding: 10px 15px 5px 15px;
}

#main > .header h1,
#main > .header h2
{
  margin: 0;
}

#main > .header h1
{
  font-size: 1.9em;
  color: #333;
}

#main > .header h2
{
  font-size: 1.15em;
  font-weight: normal;
  color: #999;
}

#main.place .title,
#main.user .info
{
  float: left;
  width: 462px;
}

#main.place .actions,
#main.user .actions
{
  float: right;
  width: 229px;
  margin: 0;
  padding: 1px 0 1px 20px;
  border-left: solid 1px #e4e4e4;
}

#main.place #place-map
{
  width: 248px;
  height: 248px;
  margin:-5px 0 30px 0;
  border: solid 1px #999;
  overflow: hidden;
}

#main.dashboard .header,
#main.place .header,
#main.user .header
{
  background: #fff;
}

#main.dashboard .header .box
{
  margin: 25px 0 20px 0;
  padding: 15px;
  background: #fff;
}

#main.dashboard .header .box > .corner
{
  height: 5px;
  margin: -5px 0;
  background-image: url('/images/corners-white.png') !important;
}

#main.dashboard #tips
{
  padding: 0;
  background: #c0e1f4 url('/images/bg-dashboard-tips.png') repeat-x;
}

#main.dashboard #tips > .corner
{
  height: 10px;
  margin: -10px 0;
  background-image: url('/images/corners-dashboard-tips.png') !important;
}

#main.dashboard #tips div.background
{
  position: absolute;
  top: -10px;
  left: -13px;
  width: 102px;
  height: 102px;
  background: url('/images/icon-checkin-glow.png') no-repeat;
}

#main.dashboard #tips .content
{
  margin: 0;
  padding: 10px 0 10px 70px;
}

#main.dashboard #tips h3
{
  margin: 0;
  font-size: 1.2em;
  color: #000;
}

#main.dashboard #tips ol
{
  margin: 10px 0 0 20px;
}

#main.dashboard #tips ol li
{
  float: left;
  margin: 0 50px 0 0;
  color: #666;
}

#main.dashboard #tips div.controls
{
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 0.85em;
  color: #999;
}

#main.dashboard #tips div.controls a
{
  color: #666;
}

#main.user div.button,
#main.place div.button
{
  width: 120px;
  margin: 5px 0 0 0;
  text-align: left;
  padding-left: 10px;
}

#main.user a.follow img
{
  position: relative;
  top: -1px;
  margin: 0 0 0 5px;
}

#main.user a.follow .separator
{
  position: relative;
  top: -1px;
  margin: 0 5px;
  color: #999;
}

#main.user a.follow .follow_text_icon
{
  top: -2px;
}

#main.user a.follow strong
{
  color: #98b624;
}

#main.user .tabs
{
  padding-top: 10px;
}

#main.user .info img.avatar
{
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #e6e6e6;
}

#main.user .info p
{
  margin: 20px 0 0 0;
  color: #999;
}

#main.user .info strong
{
  color: #666;
}

#main.user .info h2
{
  font-size: 1em;
}

#main.user .actions
{
  padding-bottom: 7px;
}

#main.user .actions > div,
#main.place .actions > div
{
  margin: 5px 0;
}

#main.user .actions a.button,
#main.place .actions a.button
{
  min-width: 120px;
}

#main.user .actions p
{
  margin: 8px 0 0 0;
}

#main .followers.content p.block
{
  margin: 15px 0 0 0;
}

#main.user .actions p a,
#main .followers.content p.block a
{
  padding: 4px 0 5px 25px;
  font-size: 0.85em;
  color: #999;
  background: url('/images/icon-block.png') left center no-repeat;
}

/* my friends pages
---------------------------------------------------------------------------- */

#main.friends .content,
#main.places .content,
#main.messages .content,
#main.placemarks .content,
#main.search .content
{
  padding-top: 15px;
}

#main.friends h1,
#main.places h1,
#main.messages h1,
#main.placemarks h1,
#main.search h1
{
  margin-bottom: 10px;
}

#main.friends .trusted a
{
  padding-right: 25px;
  background: url('/images/icon-trusted.png') right center no-repeat;
}

#main.places h1
{
  float: left;
}

#main.places div.legend
{
  float: right;
  margin: 10px 0 0 0;
}

#main.places div.legend p
{
  float: left;
  margin: 0;
  padding: 4px 0 3px 0;
  font-size: 0.85em;
  color: #666;
}

#main.places p#place-legend,
#main.places p#placemark-legend
{
  padding-left: 20px;
}

#main.places p#place-legend
{
  margin-right: 25px;
  background: url('/images/icon-place-small.png') left center no-repeat;
}

#main.places p#placemark-legend
{
  margin-right: 5px;
  background: url('/images/icon-place-public-small.png') left center no-repeat;
}

#main .friends.content table,
#main .places.content table,
#main.messages table,
#main.placemarks table,
#main.search table
{
  width: 100%;
  border-collapse: collapse;
}

#main .friends.content thead tr,
#main .places.content thead tr
{
  border: solid 1px #dfdfdf;
  background: #f1f1f1;
}

#main .friends.content th,
#main .places.content th
{
  padding: 5px 10px;
  font-size: 0.85em;
  font-weight: normal;
}

#main .friends.content th,
#main .friends.content td,
#main .places.content th,
#main.messages td,
#main.placemarks td,
#main.search td
{
  padding: 5px 10px;
  vertical-align: top;
}

#main .places.content td
{
  padding: 5px 10px 10px 10px;
}

#main .friends.content th p,
#main .places.content th p
{
  margin: 0;
}

#main.placemarks td h3 a
{
  color: #999;
}

#main .friends.content th a,
#main .places.content th a
{
  color: #999;
  text-decoration: underline;
}

#main .friends.content tbody tr,
#main .places.content tbody tr,
#main.messages tbody tr,
#main.placemarks tbody tr,
#main.search tbody tr
{
  border-bottom: dotted 1px #b9b9b9;
}

#main .friends.content td.avatar
{
  width: 80px;
}

#main.messages hr,
#main.placemarks hr
{
  margin: 0;
}

#main.messages td.avatar
{
  width: 60px;
  padding: 5px 0;
}

#main .places.content td.icon,
#main.placemarks td.icon,
#main.search td.icon
{
  width: 50px;
  padding: 2px 0;
  vertical-align: top;
}

#main.search td.avatar
{
  width: 90px;
  padding-bottom: 8px;
}

#main .friends.content td.avatar img,
#main.messages td.avatar img
{
  margin: 5px 0 2px 0;
  background: #f0f0f0;
}

#main.messages td.avatar img
{
  margin-top: 5px;
}

#main .places.content td.icon img,
#main.placemarks td.icon img,
#main.search td.icon img
{
  margin: 10px 0 0 20px;
}

#main.messages td.details
{
  width: 120px;
}

#main .friends.content td.time
{
  width: 130px;
}

#main .friends.content td a.button,
#main .friends.content td a.button span,
#main .places.content td a.button,
#main .places.content td a.button span,
#main.placemarks td a.button,
#main.placemarks td a.button span,
.blank a.button,
.blank a.button span,
#main.search td a.button,
#main.search td a.button span
{
  margin: 0;
  padding: 0;
  line-height: auto;
  background: none;
  font-size: 1em;
  color: #058ec4;
}

#main .friends.content td a.button strong
{
  font-weight: normal;
  color: #058ec4;
}

#main .friends.content td a.button span.separator,
#main .friends.content td a.button img
{
  display: none;
}

#main .places.content td.time
{
  width: 100px;
}

#main.messages td.time
{
  width: 80px;
}

#main .places.content td.visits
{
  width: 40px;
}

#main.messages td.actions
{
  width: 100px;
  text-align: right;
}

#main.placemarks td.actions
{
  width: 140px;
}

#main.sent.messages td.actions
{
  width: 80px;
}

#main .friends.content td h2,
#main .friends.content td h3,
#main .friends.content td p,
#main .places.content td h2,
#main .places.content td h3,
#main .places.content td p,
#main.messages td h2,
#main.messages td p,
#main.placemarks td h2,
#main.placemarks td h3,
#main.placemarks td p,
#main.search td h2,
#main.search td h3
{
  margin: 0;
}

#main .friends.content td h2,
#main .places.content td h2,
#main.placemarks td h2,
#main.search td h2
{
  margin-top: 5px;
  font-size: 1.4em;
}

#main.messages td h2
{
  margin: 11px 0 5px 0;
  font-size: 1em;
  font-weight: normal;
}

#main .visitors.content td h2
{
  margin: 0;
}

#main.sent.messages td h2 span
{
  font-weight: normal;
}

#main .friends.content td h3,
#main .places.content td h3,
#main.placemarks td h3,
#main.search td h3
{
  margin-top: 5px;
  font-size: 0.9em;
  font-weight: normal;
  color: #999;
}

#main.placemarks td h3,
#main.search td h3
{
  margin-bottom: 10px;
}

#main .places.content td h3 a,
#main.search td h3 a
{
  color: #999;
}

#main .places.content td h3
{
  margin-top: 3px;
}

#main .friends.content td p,
#main .places.content td p,
#main.messages td.time p,
#main.messages td.actions p
{
  font-size: 0.9em;
  color: #999;
}

#main .places.content td.details p
{
  margin-top: 10px;
}

#main .visitors.content td.details,
#main .visitors.content td.visits
{
  vertical-align: middle;
}

#main.messages td.details p
{
  margin: 0;
  font-size: 0.85em;
  color: #999;
}

#main.messages td.body p
{
  margin: 11px 0 0 0;
}

#main.messages td.actions p
{
  margin: 12px 0 0 0;
}

#main .friends.content td.details p
{
  margin-top: 20px;
}

#main .visitors.content td.details p
{
  margin-top: 5px;
}

#main .friends.content td.time,
#main .places.content td.time,
#main .places.content td.visits,
#main.placemarks td.actions
{
  vertical-align: middle;
}

#main.friends.map .content
{
  padding-bottom: 10px;
}

#main.friends.map #map
{
  width: 100%;
  height: 500px;
  border: solid 1px #ddd;
}

#main.search .content > h2
{
  font-size: 1.4em;
  font-weight: normal;
}

#main.search .content > h2 span
{
  padding: 5px;
  font-weight: bold;
  background: #e5f2b4;
}

#main.search .content > p
{
  font-weight: bold;
  color: #999;
}

.pagination
{
  text-align: center;
  margin-top: 10px;
  padding: 5px;
  background: #fff;
}

/* account/settings pages
---------------------------------------------------------------------------- */

#main.account h1
{
  margin: 0 0 8px 0;
  font-size: 1.4em;
}

#main.account .content
{
  margin: 10px 15px 0 15px;
}

#main.account .radio.field label
{
  margin-right: 20px;
}

#main.signup .radio.field input[type='radio'],
#main.account .radio.field input[type='radio']
{
  margin: 0 5px 0 0;
}

#main.signup #dob.row,
#main.account #dob.row
{
  margin-top: 30px;
}

#main.account.notifications .field
{
  position: relative;
  /*top: -6px;*/
}

.notifications #radius.field
{
  padding: 3px 0;
  background: #f0f0f0;
}

.notifications .content > hr
{
  margin-bottom: 20px !important;
}

.notifications #who.field
{
  clear: both;
  margin-top: 5px;
}

.notifications #radius.field select,
.notifications #who.field select
{
  float: right;
  width: 210px;
}

.notifications hr.field
{
  margin: 15px 0 10px 160px !important;
  width: 550px;
}

.notifications #radius.field label.name,
.notifications #who.field label.name
{
  position: relative;
  display: block;
  float: left;
  top: 4px;
  width: 55px;
  padding-left: 10px;
}

.notifications fieldset hr
{
  margin-top: 0 !important;
}

.notifications hr.last
{
  margin-top: 25px !important;
}

.notifications fieldset .row:first-child
{
  margin-bottom: 0 !important;
}

.notifications #place-notifications
{
  padding-top: 10px;
}

#main.account.notifications p
{
  padding: 0 0 0 25px;
  background: url('/images/bg-notifications.png') left center no-repeat;
}

#main.account #user-notifications
{
  top: -23px;
  margin-top: 20px;
}

#main.account table, #main.signup table
{
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  color: #666;
}

#main.account.privacy table, #main.signup.privacy table
{
  margin: 15px 0 0 0;
}

#main.account.privacy td.everyone,
#main.account.privacy td.friends,
#main.account.privacy td.trusted,
#main.signup.privacy td.everyone,
#main.signup.privacy td.friends,
#main.signup.privacy td.trusted
{
  width: 100px;
}

#main.account.privacy td select,
#main.signup.privacy td select
{
  width: 120px;
  margin: 0;
  padding: 0;
}

#main.account.privacy th,
#main.account.privacy td,
#main.signup.privacy th,
#main.signup.privacy td
{
  border-right: solid 1px #dfdfdf;
}

#main.account.privacy input[type='submit'],
{
  margin-left: 0;
}

#main.account tr,
#main.account th,
#main.account td,
#main.signup tr,
#main.signup th,
#main.signup td
{
  padding: 5px 10px;
  border: none;
  text-align: left;
  vertical-align: bottom;
}

#main.account th em,
#main.signup th em
{
  font-weight: bold;
  color: #333;
}

#main.account.privacy th,
#main.signup.privacy th
{
  font-weight: normal;
}

#main.account tr.alt,
#main.signup tr.alt
{
  background: #f0f0f0;
}

#main.account th.text,
#main.account th.email,
#main.account td.text,
#main.account td.email
{
  width: 70px;
  text-align: center;
  padding: 5px 0;
  font-size: 0.85em;
  font-weight: normal;
  border: solid 1px #dfdfdf;
  border-top: none;
  border-bottom: none;
}

#main.account th.text
{
  padding-top: 25px;
  background: url('/images/icon-text2.png') center 5px no-repeat;
}

#main.account th.email
{
  padding-top: 25px;
  background: url('/images/icon-email2.png') center 8px no-repeat;
}

#main.account.privacy p
{
  margin: 0;
  padding: 0 0 0 20px;
  background: url('/images/icon-lock.png') left center no-repeat;
}

#main.account.privacy input.nomargin
{
  margin: 0;
}

#main.account.privacy hr
{
  margin: 25px 0;
}

#main.account.privacy label.help
{
  display: block;
  width: auto;
  font-size: 1em;
  font-weight: bold;
  color: #333;
}

#main.account.privacy input[type='radio']
{
  position: relative;
  top: 2px;
  margin: 0 10px 0 3px;
}

#main.account.privacy label.description
{
  display: block;
  margin: 10px 0;
  color: #666;
}

#main.account.privacy label.description strong
{
  font-weight: normal;
  color: #333;
}

#main.account.sharing .box
{
  position: relative;
  margin: 0 0 40px 0;
  padding: 8px 0 5px 0;
  border: solid 1px #ddd;
  border-top: none;
  border-bottom: none;
}

#main.account.sharing .box > .corner
{
  margin: -5px -1px;
  background-image: url('/images/corners-border.png');
}

#main.account.sharing .box .content
{
  position: relative;
  min-height: 50px;
  margin: 0;
  padding: 30px 15px 0 15px;
}

#main.account.sharing .background
{
  position: absolute;
  top: 20px;
  right: 30px;
  background-position: right top;
  background-repeat: no-repeat;
}

#main.account.sharing #twitter .background
{
  width: 177px;
  height: 41px;
  background-image: url('/images/bg-twitter.png');
}

#main.account.sharing #fireeagle .background
{
  width: 178px;
  height: 45px;
  background-image: url('/images/bg-fireeagle.png');
}

#main.account.sharing hr
{
  margin: 20px 0;
}

#main.account.sharing hr.full
{
  margin: 0;
}

#main.account.sharing h2
{
  margin: 0 15px 10px 15px;
}

#main.account.sharing input[type='text'],
#main.account.sharing input[type='password'],
#main.account.sharing label.help
{
  width: 260px;
}

#main.account.sharing label.option
{
  display: block;
  margin: 5px 0;
}

#main.account.sharing input[type='checkbox']
{
  position: relative;
  top: -1px;
  margin: 0 10px 0 0;
}

#main.account.sharing p
{
  margin-right: 200px;
}

/* place stream column
---------------------------------------------------------------------------- */

#main #stream
{
  float: left;
  width: 463px;
  margin: -5px 0 0 0;
  padding: 5px 0;
  overflow: hidden;
}

#main #stream img.avatar
{
  padding: 0;
  border: none;
}

/* place stream posting box
---------------------------------------------------------------------------- */

#main #stream .posting
{
  position: relative;
  margin: 0 0 10px 0;
  padding: 5px 15px 5px 15px;
  background: #eaf5c0;
}

#main #stream .posting > .corner
{
  background-image: url('/images/corners-green.png');
}

#main #stream .posting .pointer
{
  width: 40px;
  height: 15px;
  left: 30px;
  bottom: -20px;
  background: url('/images/pointer-down-green.png');
}

#main #stream .posting p
{
  float: left;
  width: 80px;
  margin: 3px 10px 0 0;
  font-size: 0.85em;
  color: #9ebb24;
  font-weight: bold;
}

#main #stream .posting a.button
{
  margin-right: 10px;
}

#main #stream .posting a.button span
{
  min-width: 100px;
  text-align: center;
}

#main #stream .posting a.button img
{
  position: relative;
  top: -1px;
  margin-right: 5px;
  vertical-align: middle;
}

/* stream objects
---------------------------------------------------------------------------- */

#stream hr
{
  margin: 0;
}

#stream div.text.object,
#stream div.photo.object
{
  margin: 10px 0;
}

#stream div.checkin.object
{
  margin: 5px 0;
}

#stream .post-controls
{
  margin: 0;
}

#stream .object p
{
  margin: 0;
}

#stream .object div.body
{
  margin-left: 58px;
}

#stream .object p.caption
{
  font-size: 1.1em;
	color: #3e3e3e;
  line-height: 1.35em;
}

#stream .object .status
{
  position: relative;
}

#stream .object .status p.stats
{
  float: left;
  margin: 10px 50px 0 0;
  font-size: 0.85em;
  color: #999;
}

#stream .post-controls
{
  position: absolute;
  bottom: 2px;
  right: 0;
  margin: 10px 0 0 0;
}

#stream .object p.author
{
  float: left;
  margin: 8px 50px 0 0;
  font-size: 0.85em;
  color: #999;
}

#stream .object p.stats.checkin
{
  margin-top: 0;
}

#stream .photo.object p.author
{
  margin-top: 5px;
}

#stream .object img.avatar
{
  float: left;
  margin: 0 10px 0 0;
}

#stream .object img.tiny.avatar
{
  margin: 0 10px 0 32px;
  /*padding: 2px;*/
}

.post-controls
{
  float: right;
  margin: 0;
}

.post-controls .edit-icon span,
.post-controls .delete-icon span,
.post-controls .private-icon span,
.post-controls .public-icon span
{
  display: none;
}

.post-controls .edit-icon,
.post-controls .delete-icon,
.post-controls .private-icon,
.post-controls .public-icon
{
  display: block;
  float: left;
  width: 13px;
  height: 12px;
  margin: 0 0 0 5px;
  background-position: left top;
  background-repeat: no-repeat;
}

.post-controls .edit-icon
{
  background-image: url('/images/icon-edit.png');
}

.post-controls .delete-icon
{
  background-image: url('/images/icon-delete.png');
}

.post-controls .private-icon
{
  background-image: url('/images/icon-post-private.png');
}

.post-controls .public-icon
{
  background-image: url('/images/icon-post-public.png');
}

/* stream photo objects
---------------------------------------------------------------------------- */

#stream .object .photo img
{
  margin: 0;
}

/* place visitors sidebar, dashboard friends sidebar
---------------------------------------------------------------------------- */

#main.friends > .header,
#main.messages > .header,
#main.placemarks > .header,
#main.search > .header,
#main.places > .header,
#main.invites > .header,
#main.error > .header,
#main.help > .header,
#main.discover > .header,
#main.forgot_password > .header,
#main.reset_password > .header
{
  background: url('/images/bg-tabs.png') left bottom repeat-x;
}

#main.user.places .header
{
  background: none;
}

#main > .content .wrapper
{
  float: right;
  width: 250px;
}

#main .extra
{
  position: relative;
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  /*border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;*/
  background: #f2f2f2;
}

#main .extra .header
{
  padding: 2px 15px 6px 15px;
  background: #b1d918;
}

#main .extra > .corner
{
  background-image: url('/images/corners-grey.png') !important;
}

#main .extra .header > .corner
{
  background-image: url('/images/corners-green-dark.png') !important;
}

#main .extra .content
{
  clear: both;
  margin: 0;
  padding: 5px 0 0 0;
}

#main .extra .row
{
  padding: 5px 15px;
}

#main .extra h1
{
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
}

#main .extra h2
{
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

#main .extra p a
{
  font-weight: normal;
  color: #999;
}

#main .extra p
{
  margin: 3px 0 0 42px;
  font-size: 0.85em;
  color: #999;
  line-height: 1.3em;
}

#main .extra p.here
{
  font-weight: bold;
  color: #a6cb00;
}

#main .extra hr
{
  clear: both;
  margin: 0;
  border-top: dotted 1px #b9b9b9;
}

#main .extra img
{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
}

#main .extra.profile
{
  padding-bottom: 5px;
}

#main.signup.account.profile .content
{
  margin: 0;
}

#main .extra.profile .header
{
  background: #2e4557;
}

#main .extra.profile .header > .corner
{
  background-image: url('/images/corners-blue-dark.png') !important;
}

#main .extra.profile p
{
  margin: 10px 15px;
  font-size: 1em;
  color: #666;
}

#main .extra.profile p strong
{
  color: #333;
}

#main .extra.profile a
{
  font-weight: normal;
}

#main > .content
{
  clear: both;
  padding: 25px 15px;
}

#main .followings.content,
#main .followers.content
{
  padding-top: 10px;
}

#main .followings.content h3,
#main .followers.content h3,
{
  font-size: 1.3em;
}

#main > .content
{
  min-height: 630px;
}

#main.not_found .header > div
{
  padding: 10px 0 25px 110px;
  background: url('/images/icon-unknown-place.png') 10px 10px no-repeat;
}

#main.not_found h2
{
  margin: 10px 0 0 0;
  font-size: 1em;
  font-weight: bold;
}

#main.not_found p
{
  color: #666;
}

#main.not_found strong
{
  color: #000;
}

#main.not_found div.examples
{
  margin: 30px 0;
}

#main.friends.pending ul,
#main.friends.pending p,
#main .list.content ul,
#main .list.content p
{
  margin: 0;
  padding: 0;
}

#main.friends.pending hr,
#main .list.content hr
{
  margin: 15px 0 0 0;
}

#main.friends.pending li,
#main .list.content li
{
  clear: both;
  padding: 10px 0;
  list-style-type: none;
  border-bottom: dotted 1px #b9b9b9;
}

#main.friends.pending img,
#main.friends.pending div.details,
#main .followings.content img,
#main .followers.content img
{
  float: left;
}

#main.friends.pending h3
{
  margin: 10px 0 5px 0;
  font-size: 1em;
  color: #999;
}

#main.friends.pending input[type='checkbox']
{
  margin: 0 5px 0 0;
}

#main.friends.pending label.help
{
  display: block;
  width: 350px;
  margin: 5px 0 0 20px;
  font-size: 0.85em;
  font-style: italic;
  color: #999;
}

#main.friends.pending #trust_label
{
  padding-left: 25px;
  background: url('/images/icon-trusted.png') left center no-repeat;
}

#main.friends.pending div.details
{
  width: 450px;
}

#main .followings.content h4,
#main .followers.content h4
{
  font-size: 1.5em;
}

#main .followings.content a.button,
#main .followers.content a.button
{
  margin: 10px 0 0 5px;
}

#main.friends.pending img,
#main .followings.content img,
#main .followers.content img
{
  margin: 0 10px 0 0;
  border: solid 5px #f0f0f0;
}

#main.friends.pending h2
{
  margin: 0;
}

#main.friends.pending div.actions
{
  float: right;
  margin: 2px 0 0 0;
  color: #999;
}

#main.friends.pending div.actions div
{
  display: inline;
}

#main.friends.pending input[type='submit']
{
  padding: 3px 5px;
}

#main.friends.pending #main_form
{
  float: left;
  width: 670px;
}

#main.friends.pending #reject_button
{
  float: right;
  margin-top: 2px;
}

#main.help .header
{
  padding-bottom: 15px;
}

#main.help .body
{
  width: 465px;
  float: left;
}

#main.help .body h2
{
  margin: 0;
}

#main.help .body p
{
  margin: 7px 0 12px 0;
  color: #666;
  line-height: 1.4em;
}

#main.help .sidebar
{
  position: relative;
  float: right;
  width: 250px;
  margin: 5px 0 0 0;
  padding: 0;
  background: #f1f1f1;
}

#main.help .sidebar > .corner
{
  background-image: url('/images/corners-grey.png');
}

#main.help .sidebar > .corner.tl,
#main.help .sidebar > .corner.tr
{
  background-image: url('/images/corners-green-dark.png');
}

#main.help .sidebar .header
{
  padding: 0px 15px 5px 15px;
  background: #b1d918;
}

#main.help .sidebar .content
{
  padding: 10px 15px 5px 15px;
}

#main.help .sidebar h2
{
  margin: 0;
  font-size: 1em;
  color: #fff;
}

#main.help .sidebar p
{
  margin: 0;
  line-height: 1.8em;
}

#main.help span,
#main.account.mobile span
{
  padding: 3px 5px;
  background: #e5f2b4;
  color: #333;
}

#main.help h3
{
  font-weight: normal;
}

#main.help .guide h4 span
{
  padding: 0;
  font-weight: normal;
  background: none;
}

#main.help .guide h4
{
  margin: 30px 0 15px 0;
  font-size: 1.1em;
}

#main.help #link_to_pocket_reference a
{
  padding: 1px 0 0 25px;
  background: url('/images/icon-pdf.png') left center no-repeat;
}

#main.help .guide #link_to_full
{
  margin: 30px 0 20px 0;
}

#main.help .guide .body > div,
#main.help .reference .body > div
{
  padding: 20px 0 5px 60px;
  background: url('/images/bg-sms-guide.png') left center no-repeat;
}

#main.help .reference table
{
  width: 100%;
  margin: 0 0 20px 0;
}

#main.help .reference tr
{
  border: solid 1px #e3e3e3;
  border-left: none;
  border-right: none;
}

#main.help .reference tr.odd
{
  background: #f9f9f9;
}

#main.help .reference tr.section
{
  border: none;
}

#main.help .reference tr.legend
{
  border-top-color: #f4f4f4;
}

#main.help .reference tr.section th
{
  padding: 30px 15px 5px 15px;
  font-size: 1.4em;
  color: #333;
  text-transform: uppercase;
}

#main.help .reference tr.legend th
{
  font-size: 0.8em;
  font-weight: normal;
  color: #3e3e3e;
}


#main.help .reference td,
#main.help .reference th
{
  padding: 7px 15px;
  vertical-align: top;
}

#main.help .reference tr td:first-child
{
  width: 150px;
}

#main.help .reference tr td:last-child
{
  color: #3e3e3e;
}

/* tabs
---------------------------------------------------------------------------- */

div.tabs
{
  background: #fff url('/images/bg-tabs.png') bottom left repeat-x;
}

.tabs ul
{
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 15px 0 15px;
}

.tabs ul li
{
  position: relative;
  float: left;
  bottom: 0;
  margin: 0 5px 0 0;
  list-style-type: none;
  border: solid 1px #d7dcdf;
  border-top: none;
  background: #e0e0e0;
}

.tabs ul li.selected
{
  margin-top: -1px;
  border-bottom: solid 1px #fff;
  background: #fff;
}

.tabs ul li a
{
  float: left;
  display: block;
  padding: 2px 25px 5px 25px;
  text-decoration: none;
  color: #666;
}

.tabs ul li.selected a
{
  padding-top: 3px;
  font-weight: bold;
  color: #000;
}

.tabs ul li > .corner
{
  margin: -5px -1px;
  background-image: url('/images/corners-grey-border.png');
}

.tabs ul li.selected > .corner
{
  background-image: url('/images/corners-white-border.png');
}

/* settings tabs
---------------------------------------------------------------------------- */

.account.tabs
{
  
}

/* settings pages
---------------------------------------------------------------------------- */



/* modal dialogs
---------------------------------------------------------------------------- */

#modal_overlay
{
  background-color: #000;
}

#modal_container
{
  position: relative;
  margin: 0 0 0 0;
  padding: 15px 30px 20px 30px;
  text-align: left;
  background: #fff;
  border: solid 4px #2e4557;
  border-top: none;
  border-bottom: none;
}

#modal_container .corner
{
  height: 9px;
  margin: -9px -4px;
  background-image: url('/images/corners-modal-window.png');
}

#modal_container div.loading
{
  padding-top: 20px;
  text-align: center;
}

.link
{
  color: #058ec4;
  cursor: pointer;
}

.link:hover
{
  text-decoration: underline;
}

#modal_content.reply
{
  width: 250px;
  padding: 0;
}

#modal_content.reply p
{
  text-align: center;
}

#modal_content.reply p.message
{
  font-size: 1.2em;
  padding: 20px 0 0 0;
}

#modal_content.reply p.close
{
  padding: 20px 0 0 0;
  color: #999;
}

#modal_content.reply p.close span
{
  cursor: pointer;
}

#modal_container fieldset
{
  margin: 0 0 20px 0;
}

#modal_container fieldset.buttons
{
  margin-bottom: 0;
}

#modal_container .place
{
  width: 600px;
}

#modal_container .follow h3
{
  clear: both;
  margin: 0 0 10px 0;
  font-size: 1em;
}

#modal_container label.help
{
  font-size: 0.85em !important;
  font-weight: normal !important;
  font-style: italic;
}

#modal_container label#notify-text
{
  padding: 0 0 0 20px;
  background: url('/images/icon-text.png') left top no-repeat;
}

#modal_container label#notify-email
{
  padding: 0 0 0 20px;
  background: url('/images/icon-email.png') left top no-repeat;
}

#modal_container .follow .column
{
  float: left;
}

#modal_container .follow #notify-type
{
  width: 140px;
}

#modal_container .follow #notify-checkins,
#modal_container .follow #notify-posts
{
  width: 55px;
}

#modal_container .follow #notify-checkins p,
#modal_container .follow #notify-posts p
{
  text-align: center;
}

#modal_container .place h1
{
  margin: 0 0 5px 0;
  padding: 0;
  color: #223d51;
}

#modal_container hr
{
  margin: 0 0 20px 0;
}

#modal_container .place label.counter
{
  position: relative;
  float: right;
  top: 3px;
  line-height: 16px;
}

#modal_container .message label.counter
{
  position: relative;
  float: right;
  top: -1px;
  font-size: 0.85em;
  line-height: 16px;
  color: #223d51;
}

#modal_container .message label.help
{
  display: block;
  width: 220px;
  margin: 5px 0 0 0;
  font-size: 0.85em;
  font-style: italic;
  color: #999;
}

#modal_container .message textarea
{
  clear: both;
}

#modal_container .place img
{
  position: relative;
  top: 0px;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}

#modal_container .message img
{
  position: relative;
  top: 0px;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}

/* place page modal dialogs
---------------------------------------------------------------------------- */

#modal_container .place label
{
  font-size: 1.2em;
  font-weight: bold;
  color: #999;
}

#modal_container .place label#hint
{
  display: block;
  margin: 0 0 20px 0;
}

#modal_container .place label.counter,
#modal_container .message label.counter
#modal_container .place label#hint
{
  font-size: 1em;
  font-weight: normal;
  color: #223d51;
}

#modal_container .place textarea,
#modal_container .user textarea,
#modal_container .place input[type='file']
{
  width: 100%;
  margin: 1px 0 3px 0;
}

/* user page modal dialogs
---------------------------------------------------------------------------- */

#modal_container .follow
{
  width: 250px;
}

#modal_container .follow h1
{
  margin: 0;
  font-size: 1.15em;
}

#modal_container .follow h2
{
  margin: 0;
  font-size: 0.85em;
  font-weight: normal;
}

#modal_container .follow hr
{
  margin: 15px 0;
}

#modal_container .follow p
{
  margin: 0;
  line-height: 20px;
}

#modal_container .follow img
{
  position: relative;
  vertical-align: top;
  top: 1px;
  margin: 0 5px 0 0;
}

#modal_container .follow input[type='checkbox']
{
  margin: 0 5px 0 0;
}

#modal_container .friend h3,
#modal_container .message h3
{
  margin: 0 0 15px 0;
  font-size: 1.3em;
  font-weight: normal;
}

#modal_container .message.content,
#modal_container .friend.content
{
  margin: 0;
  padding: 0;
}

#modal_container .message.content
{
  width: 250px;
}

#modal_container .friend.content
{
  width: 450px;
}

#modal_container .friend input[type='checkbox']
{
  margin: 0 5px 0 0;
}

#modal_container .friend #trust-label
{
  display: block;
  width: 232px;
  padding-right: 20px;
  background: url('/images/icon-trusted.png') right center no-repeat;
}

#modal_container .friend #trust-label input[type='checkbox']
{
  float: right;
  margin-top: 1px;
}

#modal_container .friend label.help
{
  display: block;
  width: 450px;
  margin: 10px 0 0 0;
  line-height: 1.5em;
  font-size: 0.85em;
  font-style: italic;
  color: #666;
}

#modal_container .friend label.help a
{
  color: #666;
  text-decoration: underline;
}

#modal_container .message textarea
{
  display: block;
  margin: 0;
  width: 242px;
}

#modal_container .friend hr
{
  border-top: solid 1px #ccc;
}

#modal_container .friend form hr
{
  border-top: dotted 1px #b9b9b9;
}

table.notifications tr.odd
{
  background: #f0f0f0;
}

table.notifications td,
table.notifications th
{
  padding: 5px 10px;
}

table.notifications th
{
  width: 90px;
  font-size: 0.85em;
  font-weight: normal;
  vertical-align: bottom;
}

table.notifications th div
{
  padding-top: 20px;
  background-position: center top;
  background-repeat: no-repeat;
}

table.notifications th div.stream
{
  background-image: url('/images/icon-list-view.png');
}

table.notifications th div.text
{
  background-image: url('/images/icon-text.png');
}

table.notifications th div.email
{
  background-image: url('/images/icon-email.png');
  background-position: center 2px;
}

table.notifications th:first-child
{
  width: 210px;
  font-size: 1em;
  font-weight: bold;
  vertical-align: middle;
}

table.notifications th,
table.notifications td
{
  text-align: center;
  border-right: solid 1px #ccc;
}

table.notifications th:first-child,
table.notifications td:first-child
{
  text-align: left;
  border-right: none;
}

/* blank slates
---------------------------------------------------------------------------- */

.blank
{
  position: relative;
  background: #cee8f7;
  padding: 10px 20px;
}

.blank > .corner
{
  background-image: url('/images/corners-blue-light.png')
}

.blank h4
{
  margin: 0;
  font-size: 1.2em;
}

.blank p
{
  margin: 10px 0 0 0;
  font-size: 1.1em;
  color: #666;
}

.blank a
{
  font-weight: bold;
}

/* FOOTER ROW
============================================================================ */

#footer p
{
  margin: 5px 10px;
  font-size: 0.85em;
  color: #666;
}

#footer a
{
  color: #666;
}